系統功能

1. 本網頁是響應式網頁，在電腦和手機上有不一樣的網頁架構配置，字體大小也有不同的調整，便於各種裝置都可以使用。

個人感想

1. 經過自己的測試結果，在電腦上比較容易使用，包含測驗的輸入，或資訊的呈現，但出門在外的時候，總不可能隨身帶著電腦，就算有帶電腦，在捷運上也不可能就把電腦打開使用，而且開機也需要一點時間，在各有利弊的情況下，有時使用電腦，有時使用手機，一個網頁就需要能夠同時支援兩種裝置。
2. 對了，其實還有一個介於兩者之間的平板，雖然我也有一台 iPAD, 但我在家時就會用電腦，出外時用手機，倒是沒什麼使用平板的機會，那當初為什麼還要買平板呢？當時的考量是可以直接在平板上使用觸控筆繪畫做筆記，還在 App Store 買了  ProCreate, 不過後來也發現要自己繪畫做筆記實在太累，用鍵盤打字遠比用手寫筆記快多了，所以平板就留給小孩當課後數位學習使用。

技術手法

此處理使用的是響應式網頁的手法 (@media).
同樣網路上有許多響應式網頁的介紹，這邊也就放一個鏈結 https://ithelp.ithome.com.tw/articles/10271206
對這項技術有興趣的人，可以連到上面的網址去看看。

.container {
max-width: 120rem;
// max-width: 90vh;
margin: 2rem auto;
background-color: var(--color-grey-light-1);
box-shadow: var(--shadow-dark);
min-height: 50rem;
// min-height: 100rem;
@media only screen and (max-width: $bp-largest) {
margin: 0;
max-width: 100%;
width: 100%;
}
}

語文學習04-情緒與動作

1. 你看起來心情不好？我今天要在公司加班
2. 幫我把窗戶闗起來
3. 〖單字〗面部表情
4. 〖單字〗心裡感覺
5. 〖單字〗臉部動作
6. 〖單字〗上半身動作
7. 〖單字〗下半身動作
8. 〖單字〗全身動作